<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>COMPANY PROFLIE</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/zh_CN.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/about.css">
</head>

<body>
    <div class="home">

        <div class="header animated fadeInUp">
            <a href="./index.html" class="logo">
                <img src="./images/logo.svg" alt="">
                <img src="./images/logo2.svg" alt="">
            </a>
            <div class="links">
                <div class="item">
                    <a href="./products.html">
                        <p>products</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./application.html">
                        <p>Applications</p>
                    </a>
                </div>
                <div class="item on">
                    <a href="./about.html">
                        <p>About us</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./news.html">
                        <p>Blog</p>
                    </a>
                </div>
                <div class="item">
                    <a href="./faqs.html">
                        <p>FAQS</p>
                    </a>
                </div>
            </div>
            <div class="btns">
                <a href="./contact.html">contact us</a>
            </div>
        </div>


        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo2.svg" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="index.html">Index</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./application.html">
                        Applications
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">
                        About us
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">
                        Blog
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./faqs.html">
                        FAQS
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="fixed_side">
            <div class="item">
                <div>
                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                        <path d="M35.0197 30.5268V22.1058C35.0197 14.3184 28.285 8.46788 20.0113 8.46788C11.7376 8.46788 5.00286 14.3205 5.00286 22.1058V30.5268H2.11865V22.1058C2.11865 12.7795 10.1018 5.26367 20.0134 5.26367C29.9208 5.26367 37.9081 12.7795 37.9081 22.1058V30.5268H35.0197Z" fill="#191919"/>
                        <path d="M7.59994 36.8416C6.87921 36.8416 6.16555 36.6995 5.49976 36.4235C4.83397 36.1475 4.22912 35.743 3.71978 35.2331C3.21044 34.7231 2.80661 34.1178 2.53137 33.4517C2.25614 32.7856 2.1149 32.0718 2.11573 31.3511V27.5953C2.1149 26.8745 2.25614 26.1607 2.53137 25.4946C2.80661 24.8285 3.21044 24.2232 3.71978 23.7133C4.22912 23.2033 4.83397 22.7988 5.49976 22.5228C6.16555 22.2468 6.87921 22.1047 7.59994 22.1047H8.56204C9.28277 22.1047 9.99643 22.2468 10.6622 22.5228C11.328 22.7988 11.9329 23.2033 12.4422 23.7133C12.9515 24.2232 13.3554 24.8285 13.6306 25.4946C13.9058 26.1607 14.0471 26.8745 14.0463 27.5953V31.3511C14.0471 32.0718 13.9058 32.7856 13.6306 33.4517C13.3554 34.1178 12.9515 34.7231 12.4422 35.2331C11.9329 35.743 11.328 36.1475 10.6622 36.4235C9.99643 36.6995 9.28277 36.8416 8.56204 36.8416H7.59994ZM7.64625 24.8984C7.3046 24.8973 6.96611 24.9638 6.65028 25.0941C6.33445 25.2244 6.04752 25.4159 5.80603 25.6576C5.56455 25.8993 5.37328 26.1864 5.24324 26.5023C5.1132 26.8182 5.04697 27.1568 5.04836 27.4984V31.2542C5.04669 31.596 5.11271 31.9348 5.24263 32.251C5.37254 32.5672 5.56377 32.8545 5.80528 33.0964C6.0468 33.3383 6.33382 33.53 6.64979 33.6604C6.96576 33.7909 7.30442 33.8574 7.64625 33.8563H8.60836C8.95019 33.8574 9.28885 33.7909 9.60482 33.6604C9.92079 33.53 10.2078 33.3383 10.4493 33.0964C10.6908 32.8545 10.8821 32.5672 11.012 32.251C11.1419 31.9348 11.2079 31.596 11.2063 31.2542V27.5953C11.2063 26.1511 10.0526 24.8984 8.60836 24.8984H7.64625ZM31.5578 36.8416C30.8371 36.8416 30.1234 36.6995 29.4577 36.4235C28.7919 36.1475 28.187 35.743 27.6777 35.2331C27.1683 34.7231 26.7645 34.1178 26.4893 33.4517C26.214 32.7856 26.0728 32.0718 26.0736 31.3511V27.5953C26.0728 26.8745 26.214 26.1607 26.4893 25.4946C26.7645 24.8285 27.1683 24.2232 27.6777 23.7133C28.187 23.2033 28.7919 22.7988 29.4577 22.5228C30.1234 22.2468 30.8371 22.1047 31.5578 22.1047H32.4231C33.1438 22.1047 33.8575 22.2468 34.5233 22.5228C35.1891 22.7988 35.7939 23.2033 36.3033 23.7133C36.8126 24.2232 37.2164 24.8285 37.4917 25.4946C37.7669 26.1607 37.9081 26.8745 37.9073 27.5953V31.3511C37.9081 32.072 37.7668 32.786 37.4915 33.4522C37.2161 34.1184 36.8121 34.7239 36.3025 35.2338C35.7929 35.7438 35.1878 36.1482 34.5218 36.4241C33.8558 36.7 33.1419 36.8419 32.421 36.8416H31.5557H31.5578ZM31.5452 24.8984C31.2035 24.8973 30.8651 24.9638 30.5492 25.0941C30.2334 25.2244 29.9465 25.4159 29.705 25.6576C29.4635 25.8993 29.2722 26.1864 29.1422 26.5023C29.0121 26.8182 28.9459 27.1568 28.9473 27.4984V31.2542C28.9456 31.596 29.0117 31.9348 29.1416 32.251C29.2715 32.5672 29.4627 32.8545 29.7042 33.0964C29.9457 33.3383 30.2328 33.53 30.5487 33.6604C30.8647 33.7909 31.2034 33.8574 31.5452 33.8563H32.4105C32.7523 33.8574 33.091 33.7909 33.4069 33.6604C33.7229 33.53 34.0099 33.3383 34.2514 33.0964C34.4929 32.8545 34.6842 32.5672 34.8141 32.251C34.944 31.9348 35.01 31.596 35.0084 31.2542V27.5953C35.0084 26.1511 33.8547 24.8984 32.4105 24.8984H31.5452Z" fill="#191919"/>
                        <path d="M29.0751 19.2084C28.2077 16.9137 25.953 15.8821 25.953 15.8821C25.3446 15.5663 25.0856 14.8547 25.4309 14.301C25.6123 14.0232 25.8891 13.8215 26.2091 13.7338C26.5291 13.6461 26.8701 13.6787 27.1677 13.8252C27.2541 13.9052 30.2919 15.3305 31.5046 18.4968C31.7656 19.1284 31.4204 19.7621 30.7256 20H30.2919C29.7698 20 29.2498 19.6842 29.0751 19.2084Z" fill="#3279FF"/>
                    </svg>
                    <p>Contact us</p>
                </div>
            </div>
            <div class="hide">
                <div>
                    <h1>Contact US</h1>
                    <div class="message">
                        <div class="list">
                            <p>How can we support you?</p>
                        </div>
                        <div class="list">
                            <p>TEL+86-21-64952966-0</p>
                        </div>
                        <div class="list">
                            <p>example@email.com</p>
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                                <path d="M5.01784 1.02539L4.01733 2.01597L9.97035 8.00981L3.96729 13.9532L4.95932 14.952L11.9628 8.01798L5.01784 1.02539Z" fill="#272636"/>
                            </svg>
                        </div>
                        <div class="line"></div>
                        <div class="list">
                            <p>Leave us a message.</p>
                        </div>
                    </div>
                    <a href="contact.html" class="more">
                        <p>CONTACT US</p>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
                            <path d="M1.21168 13.2326C0.782108 13.6621 0.782108 14.3586 1.21168 14.7882C1.64126 15.2178 2.33774 15.2178 2.76732 14.7882L1.21168 13.2326ZM15.1103 1.98956C15.1103 1.38205 14.6178 0.889561 14.0103 0.889561L4.11032 0.889561C3.5028 0.889561 3.01032 1.38205 3.01032 1.98956C3.01032 2.59707 3.5028 3.08956 4.11032 3.08956H12.9103V11.8896C12.9103 12.4971 13.4028 12.9896 14.0103 12.9896C14.6178 12.9896 15.1103 12.4971 15.1103 11.8896L15.1103 1.98956ZM2.76732 14.7882L14.7881 2.76738L13.2325 1.21174L1.21168 13.2326L2.76732 14.7882Z" fill="white"></path>
                        </svg>
                    </a>

                </div>
            </div>
        </div>

        <div class="banner">
            <img src="./images/about/a1.jpg" alt="">
            <div class="text wow fadeInUp">
                <h1>COMPANY PROFLIE</h1>
                <div class="line"></div>
            </div>
        </div>

        <div class="sec1">
            <div class="go_text ">
                <div class="marquee" data-marquee-speed="20" data-marquee-direction="left" data-marquee-target
                     data-marquee-scroll-speed="10">
                    <div class="marquee-scroll">
                        <div class="marquee-content">
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                        </div>
                        <div class="marquee-content">
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                            <div class="list">AstralSemi</div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="zi">
                <p style="opacity: 0;">AstralSemi</p>
                <div class="icon">
                    <img src="./images/application/a1.svg" alt="">
                </div>
            </div>
            <div class="wrap">
                <div class="title wow fadeInUp">
                    <h1>About Us</h1>
                </div>
                <div class="text wow fadeInUp">
                    <p>AstralSemi Technology (CHINA) Limited is a prominent silicon carbide production and processing enterprise headquartered in China. With offices in Hong Kong and Japan, the company is strategically positioned to serve the global market.<br>
                        The Futuristic Wafer Company is dedicated to the production of silicon carbide (SiC) materials and the provision of cutting-edge semiconductor processing solutions for the high-tech sector. t has a proven track record of successful collaborations with top research laboratories and large-scale production facilities throughout Asia.</p>
                </div>
                <div class="numList">
                    <div class="item wow fadeInUp">
                        <div class="num">
                            <div class="count-item" data-to="10">
                                10
                            </div>
                            <span>+Years</span>
                        </div>
                        <h5>R&D Manufacturing</h5>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="num">
                            <div class="count-item" data-to="30">
                                30
                            </div>
                            <span>k+</span>
                        </div>
                        <h5>Service Cases</h5>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="num">
                            <div class="count-item" data-to="350">
                                350
                            </div>
                            <span>+</span>
                        </div>
                        <h5>Covering Industries</h5>
                    </div>
                    <div class="item wow fadeInUp">
                        <div class="num">
                            <div class="count-item" data-to="12000" data-separator=",">
                                12,000
                            </div>
                            <span>+</span>
                        </div>
                        <h5>Customers</h5>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="sec2">
            <div class="wrap">
                <div class="l">
                    <h1 class="wow fadeInUp">What It's Like To Work <span>With Us</span></h1>
                    <p  class="wow fadeInUp">At AstraISEMI Technology, We Are Committed To Advancing The Semiconductor Indlustry Through Innovation And Partnership. Explore How We Can Work Together To Shape The Future Of Technology.</p>
                </div>
                <div class="r">
                    <div class="item wow fadeInUp">
                        <img src="./images/about/a2.png" alt="">
                        <h1>Our Mission</h1>
                        <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive lmpact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                    </div>
                    <div class="item wow fadeInUp" style="animation-delay: 0.1s;">
                        <img src="./images/about/a3.png" alt="">
                        <h1>Our Mission</h1>
                        <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive lmpact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                    </div>
                    <div class="item wow fadeInUp" style="animation-delay: 0.2s;">
                        <img src="./images/about/a4.png" alt="">
                        <h1>Our Mission</h1>
                        <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive lmpact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="sec3">
            <div class="bg">
                <img src="./images/about/a5.png" alt="">
            </div>
            <div class="bg1">
                <img src="./images/about/a24.png" alt="">
            </div>

            <div class="wrap">
                <h1 class="wow fadeInUp">The World's Most Famous Universities & Companies Trust Us</h1>
                <div class="cup wow fadeInUp">
                    <div class="line"></div>
                    <div class="img">
                        <img src="./images/about/a7.png" alt="">
                    </div>
                    <div class="line"></div>
                </div>
                <div class="imgs wow fadeInUp">
                    <div class="flex">
                        <div class="img">
                            <img src="./images/about/a8.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a9.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a10.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a11.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a12.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a13.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a14.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a15.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a16.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a17.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a18.png" alt="">
                        </div>
                    </div>
                    <div class="flex">
                        <div class="img">
                            <img src="./images/about/a8.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a9.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a10.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a11.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a12.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a13.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a14.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a15.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a16.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a17.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a18.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="imgs imgs1 wow fadeInUp">
                    <div class="flex">
                        <div class="img">
                            <img src="./images/about/a8.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a9.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a10.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a11.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a12.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a13.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a14.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a15.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a16.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a17.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a18.png" alt="">
                        </div>
                    </div>
                    <div class="flex">
                        <div class="img">
                            <img src="./images/about/a8.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a9.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a10.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a11.png" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a12.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a13.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a14.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a15.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a16.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a17.svg" alt="">
                        </div>
                        <div class="img">
                            <img src="./images/about/a18.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="sec4">
            <div class="wrap">
                <div class="title wow fadeInUp">
                    <h1>Our Services</h1>
                </div>
                <div class="content">
                    <div class="item on">
                        <div class="img">
                            <img src="./images/about/a21.png" alt="">
                        </div>
                        <div class="item_text">
                            <div class="block">
                                <p>Service Name 1</p>
                                <h4>The first service</h4>
                            </div>
                            <div class="none">
                                <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive Impact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./images/about/a22.png" alt="">
                        </div>
                        <div class="item_text">
                            <div class="block">
                                <p>Service Name 2</p>
                                <h4>The second service</h4>
                            </div>
                            <div class="none">
                                <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive Impact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="img">
                            <img src="./images/about/a23.png" alt="">
                        </div>
                        <div class="item_text">
                            <div class="block">
                                <p>Service Name 2</p>
                                <h4>The Third service</h4>
                            </div>
                            <div class="none">
                                <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive Impact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sec5">
            <div class="bg">
                <img src="./images/about/a19.png" alt="">
            </div>
            <div class="wrap">
                <div class="box wow fadeInUp">
                    <img src="./images/about/a20.png" alt="">
                    <div class="text">
                        <h1>ESG</h1>
                        <p>Our Culture Is One Of Collaboration, Creativity, And A Relentless Pursuit Of Progress. We Are Committed To Making A Positive Impact On The World Through Our Cutting-Edge Products And Sustainable Practices.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <img src="./images/flogo.svg" alt="">
                </div>
                <div class="r">
                    <div class="links">
                        <div class="item">
                            <a href="">PRODUCTS</a>
                            <a href="">SOLUTIONS</a>
                            <a href="">ABOUT</a>
                        </div>
                        <div class="item">
                            <a href="">BLOG</a>
                            <a href="">FAQS</a>
                            <a href="">CONTACT</a>
                        </div>
                    </div>
                    <div class="info">
                        <div class="dt">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                                    fill="none">
                                    <path
                                        d="M17.0356 15.7449L16.0398 16.7721C15.2826 17.5526 14.2289 18 13.1483 18C12.6867 18 12.2309 17.9203 11.7951 17.7634C6.4002 15.8188 2.12648 11.3503 0.363124 5.8095C-0.16659 4.1445 0.395267 2.31236 1.76134 1.25164L2.63177 0.575357C3.1152 0.199286 3.69377 0 4.30448 0C5.34334 0 6.28448 0.585643 6.7602 1.52807L8.23234 4.44214C8.37184 4.71921 8.44577 5.02907 8.44577 5.33957C8.44577 5.83329 8.26512 6.30514 7.93727 6.66964L7.63062 7.00907C7.32591 7.34657 7.2597 7.84607 7.46605 8.253C7.96877 9.24557 8.74984 10.0408 9.72505 10.5525C10.1178 10.7595 10.6231 10.6894 10.9471 10.3854L11.2814 10.0742C11.8619 9.52971 12.7677 9.40436 13.4691 9.77207L16.3311 11.2699C17.2574 11.7553 17.8334 12.7131 17.8334 13.7713C17.8334 14.5138 17.5506 15.2151 17.0356 15.7449ZM16.5477 13.5006C16.5477 12.5756 12.6906 10.9292 12.6906 10.9292C12.1493 10.7312 11.4048 11.5721 11.4048 11.5721C10.0638 12.5653 9.11948 11.8119 8.83341 11.5721C7.99641 10.872 6.85855 9.35871 6.26198 8.35779C5.81584 7.60757 6.00677 6.7185 6.26198 6.42921C6.26198 6.42921 7.12598 5.6835 6.90484 5.1435C6.23048 3.47014 5.17812 0.991929 4.33341 1.28636C3.60055 1.52807 0.531553 2.54571 1.91948 6.26529C4.38162 12.8584 9.50584 15.5128 12.625 16.7143C14.7998 16.8744 16.7206 14.1287 16.5477 13.5006Z"
                                        fill="white" />
                                </svg>
                            </div>
                            <p>888-288-8595</p>
                        </div>
                        <div class="dt">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                                    fill="none">
                                    <path
                                        d="M14.8574 2.00003H4.14254C3.30953 2.00085 2.51087 2.32125 1.92174 2.89096C1.33261 3.46066 1.00113 4.23315 1 5.03898V12.9621C1.00141 13.7677 1.33302 14.54 1.92211 15.1094C2.51121 15.6789 3.30971 15.9992 4.14254 16H14.8574C15.6906 15.9992 16.4895 15.6786 17.0786 15.1087C17.6678 14.5388 17.9991 13.766 18 12.96V5.03898C18.0017 4.63935 17.9215 4.24336 17.7642 3.87385C17.6068 3.50434 17.3754 3.16863 17.0833 2.8861C16.7911 2.60357 16.444 2.37981 16.062 2.22772C15.6799 2.07564 15.2705 1.99826 14.8574 2.00003ZM4.14254 3.19478H14.8574C15.1821 3.19435 15.5013 3.27555 15.7838 3.43042C16.0663 3.5853 16.3023 3.80853 16.4687 4.07822L10.288 8.93662C10.0642 9.11302 9.7844 9.20935 9.49572 9.20935C9.20705 9.20935 8.92721 9.11302 8.70343 8.93662L2.52278 4.07822C2.69423 3.81112 2.93252 3.59014 3.21564 3.43572C3.49875 3.28131 3.81755 3.19844 4.14254 3.19478ZM14.8574 14.8073H4.14254C3.64443 14.8059 3.16712 14.6139 2.81489 14.2732C2.46267 13.9325 2.26418 13.4707 2.26277 12.9889V5.48533L7.92872 9.92726C8.37772 10.2776 8.93647 10.4699 9.51331 10.4726C10.0909 10.4742 10.6511 10.2814 11.0979 9.92726L16.7638 5.48533V12.993C16.7506 13.4753 16.5446 13.9339 16.189 14.2722C15.8335 14.6106 15.3562 14.8024 14.8574 14.8073Z"
                                        fill="white" />
                                </svg>
                            </div>
                            <p>Example@mail.com</p>
                        </div>
                        <div class="dt">
                            <div class="icon">
                                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"
                                    fill="none">
                                    <path
                                        d="M8.50582 0C5.47081 0 3.01313 2.55612 3 5.73695C3 6.87915 3.31702 7.96663 3.9054 8.89601L3.96301 8.98402L3.99644 9.04355L4.02391 9.08835C4.04242 9.11747 4.06212 9.14532 4.08421 9.17284L4.09794 9.18884L7.59923 13.5548C7.71154 13.6947 7.85076 13.807 8.00734 13.8838C8.16392 13.9607 8.33415 14.0003 8.50636 14C8.67857 13.9997 8.84867 13.9595 9.00502 13.8821C9.16136 13.8047 9.30023 13.6919 9.41211 13.5516L12.8943 9.185L12.8713 9.2122C12.9057 9.17371 12.9369 9.13218 12.9647 9.08803L12.9916 9.04387C13.0027 9.0253 13.0242 8.98626 13.0236 8.98754C13.6409 8.06264 13.9872 6.93548 14 5.74751C14 2.56316 11.5358 0 8.50582 0ZM8.50582 1.28014C10.8841 1.28014 12.8059 3.27908 12.8059 5.73983C12.7978 6.647 12.5292 7.52947 12.0367 8.26714L11.985 8.35483L8.50433 12.7201L5.00274 8.35419L4.96901 8.29434L4.95169 8.26714C4.45784 7.53092 4.19276 6.64666 4.19406 5.73983C4.20451 3.27396 6.12128 1.28014 8.50582 1.28014Z"
                                        fill="white" />
                                    <path
                                        d="M13.5821 12.0948C13.7207 12.0066 13.8848 11.9786 14.0415 12.0165C14.1982 12.0543 14.3361 12.1552 14.4276 12.299L14.4544 12.3449L15.826 14.9074C15.9358 15.1126 15.9957 15.345 15.9998 15.5826C16.0039 15.8201 15.9521 16.0548 15.8495 16.2644C15.7468 16.474 15.5967 16.6514 15.4133 16.7797C15.23 16.908 15.0196 16.983 14.8021 16.9976L14.717 17L2.26883 16.9259C2.05185 16.9246 1.83876 16.863 1.64971 16.7468C1.46066 16.6307 1.30188 16.4639 1.1884 16.2623C1.07492 16.0606 1.01048 15.8307 1.00117 15.5943C0.991867 15.3579 1.038 15.1228 1.13521 14.9112L1.17508 14.8309L2.48222 12.4002C2.56536 12.2446 2.70061 12.1302 2.85953 12.081C3.01845 12.0319 3.18864 12.052 3.3343 12.1369C3.47995 12.2218 3.58972 12.3651 3.64051 12.5365C3.69129 12.7079 3.67913 12.8941 3.60659 13.0559L3.58299 13.1039L2.27585 15.5346L14.724 15.6087L13.3524 13.0461C13.2672 12.8868 13.2435 12.697 13.2866 12.5186C13.3296 12.3402 13.4359 12.1878 13.5821 12.0948Z"
                                        fill="white" />
                                    <path
                                        d="M8.49969 4C8.17138 4.00004 7.8463 4.06475 7.543 4.19042C7.2397 4.3161 6.96413 4.50028 6.73201 4.73245C6.49989 4.96463 6.31578 5.24025 6.19018 5.54358C6.06458 5.84691 5.99996 6.17201 6 6.50031C6.00004 6.82862 6.06475 7.1537 6.19042 7.457C6.3161 7.7603 6.50028 8.03587 6.73245 8.26799C6.96463 8.5001 7.24025 8.68422 7.54358 8.80982C7.84691 8.93542 8.17201 9.00004 8.50031 9C9.16335 8.99992 9.79921 8.73644 10.268 8.26755C10.7368 7.79865 11.0001 7.16273 11 6.49969C10.9999 5.83665 10.7364 5.20079 10.2675 4.73201C9.79865 4.26323 9.16273 3.99992 8.49969 4ZM8.49969 5.24984C8.83125 5.24993 9.1492 5.38172 9.38359 5.61623C9.61798 5.85074 9.74961 6.16875 9.74953 6.50031C9.74945 6.83187 9.61766 7.14982 9.38315 7.38421C9.14864 7.61861 8.83063 7.75024 8.49906 7.75016C8.1675 7.75007 7.84955 7.61828 7.61516 7.38377C7.38077 7.14926 7.24914 6.83125 7.24922 6.49969C7.2493 6.16813 7.38109 5.85018 7.6156 5.61579C7.85011 5.38139 8.16813 5.24976 8.49969 5.24984Z"
                                        fill="white" />
                                </svg>
                            </div>
                            <p>北京市海淀区永泰庄北路1号东升国际科学园3号楼</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="icons">
                    <a href="">
                        <img src="./images/wx.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/wb.svg" alt="">
                    </a>
                    <a href="">
                        <img src="./images/tw.svg" alt="">
                    </a>
                </div>
                <div class="r">
                    <a href="">Privacy Policy</a>
                    <a href="">Terms & Policy</a>
                    <p>Copyright © 2024 Overhaul design by PithyMf</p>
                </div>
            </div>
            <div class="top" id="goTop">
                TOP
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./js/swiper.js"></script>
    <script>
        $('.sec4 .wrap .content .item').mouseenter(function () {
            $(this).addClass('on').siblings('.item').removeClass('on')
        })
        $('.marquee').each(function (i, marquee) {
            let marqueeItemsWidth = marquee.querySelector(".marquee-content").offsetWidth;
            let marqueeSpeed = marquee.getAttribute('data-marquee-speed') * (marqueeItemsWidth / window.innerWidth);

            if (window.innerWidth <= 540) {
                marqueeSpeed = marqueeSpeed * 0.33;
            } else if (window.innerWidth <= 1024) {
                marqueeSpeed = marqueeSpeed * 0.66;
            }

            let marqueeDirection = 1;
            let marqueeContent = gsap.to(marquee.querySelectorAll('.marquee-content'), {
                xPercent: -100,
                repeat: -1,
                duration: marqueeSpeed,
                ease: "linear",
                paused: true
            }).totalProgress(0.5);

            gsap.set(marquee.querySelectorAll(".marquee-content"), {xPercent: 50});

            ScrollTrigger.create({
                trigger: marquee,
                start: "top bottom",
                end: "bottom top",
                onUpdate(self) {
                    if (self.direction !== marqueeDirection) {
                        marqueeDirection *= -1;
                        if (marquee.getAttribute('data-marquee-direction') === 'right') {
                            gsap.to([marqueeContent], {timeScale: (marqueeDirection * -1), overwrite: true});
                        } else {
                            gsap.to([marqueeContent], {timeScale: marqueeDirection, overwrite: true});
                        }
                    }
                    self.direction === -1
                        ? marquee.setAttribute('data-marquee-status', 'normal')
                        : marquee.setAttribute('data-marquee-status', 'inverted');
                },
                onEnter: () => marqueeContent.play(),
                onEnterBack: () => marqueeContent.play(),
                onLeave: () => marqueeContent.pause(),
                onLeaveBack: () => marqueeContent.pause()
            });

            marquee.querySelectorAll('.marquee-scroll').forEach(function (targetElement) {
                let marqueeScrollSpeed = marquee.getAttribute('data-marquee-scroll-speed');
                let tl = gsap.timeline({
                    scrollTrigger: {
                        trigger: marquee,
                        start: "0% 100%",
                        end: "100% 0%",
                        scrub: 0
                    }
                });

                if (marquee.getAttribute('data-marquee-direction') === 'left') {
                    tl.fromTo(targetElement, {
                        x: marqueeScrollSpeed + "vw",
                    }, {
                        x: marqueeScrollSpeed * -1 + "vw",
                        ease: "none"
                    });
                }

                if (marquee.getAttribute('data-marquee-direction') === 'right') {
                    tl.fromTo(targetElement, {
                        x: marqueeScrollSpeed * -1 + "vw",
                    }, {
                        x: marqueeScrollSpeed + "vw",
                        ease: "none"
                    });
                }
            });
        })

    </script>
</body>

</html>